<template>
  <div>
    {{ name }} <br />
    {{ age }} <br />
    {{ gender }} <br />
  </div>
</template>

<script>
import { mapState } from "vuex";
export default {
  created() {
    console.log(this.$store);
  },
  computed: {
    // 辅助函数
    ...mapState(["name", "age", "gender"]),

    // 辅助函数替代下面的写法
    // name() {
    //   return this.$store.state.name;
    // },
    // age() {
    //   return this.$store.state.age;
    // },
    // gender() {
    //   return this.$store.state.gender;
    // },
  },
};
</script>

<style>
</style>